<!--
 * @Author: gaojinyu 1593026814@qq.com
 * @Date: 2023-12-20 17:02:52
 * @LastEditors: gaojinyu 1593026814@qq.com
 * @LastEditTime: 2023-12-25 09:52:21
 * @FilePath: \smart-community\src\components\BussComponents\HappinessEducation.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <BoxTitleInLeft title="幸福教育">
    <template #body>
      <div class="edu_content">
        <div class="col1">
          <VCharts :chartOption="chartData.option8()"></VCharts>
        </div>
        <div class="col2">
          <VCharts :chartOption="chartData.option9()"></VCharts>
        </div>
      </div>
    </template>
  </BoxTitleInLeft>
</template>

<script setup>
import chartData from "@/config/chartOption.js"
import BoxTitleInLeft from "@/components/BoxTitleInLeft/index.vue"
</script>

<style lang="scss" scoped>
.edu_content{
  height: 100%;
  @include display(flex-start,center,row);
  &>div{
    width: 0;
    flex-grow: 1;
    height: 100%;
  }
}
</style>